<template>
  <my-layout>
    <my-header slot="header" :isShow="false" :title="title"/>
    <div class="c-detail-warp">
      <div class="detail-img">
        <img src="http://huanlejiam.xhtol.com/static/img/bg.8b629ec.png" alt>
      </div>
      <div class="detail-title">
        <div class="img">
          <img
            src="http://xlylf-hlj.oss-cn-hangzhou.aliyuncs.com/com/null/usr/90ff4db713544939b7e906c647fb2926.1530549437808.jpg"
            alt
          >
        </div>
        <div class="msg">
          <p>武汉梵客家居科技有限公司</p>
          <p>武汉市江汉区</p>
        </div>
      </div>
      <div class="suggest">
        <p class="s-title">企业介绍</p>
        <p class="s-msg">
          11年沉淀 打造中国家居领导品牌
          梵客家装集团成立于2007年，是一家获得国家注册商标的大型装饰企业，拥有设计、施工双甲级资质，专业提供设计、装修、家具、软装于一体的一站式整体家装服务。
        </p>
      </div>
      <div class="promote">
        <div class="p-row">
          <div class="p-text">装修方案 (404)</div>
          <div class="p-more">更多 ></div>
        </div>
        <my-case/>
      </div>
    </div>
  </my-layout>
</template>

<script>
export default {
  data() {
    return {
      title: "装修公司"
    };
  }
};
</script>

<style lang="scss">
.c-detail-warp {
  background: #f7f7f7;
  .detail-img {
    height: 150px;
    img {
      height: 100%;
      width: 100%;
    }
  }
  .detail-title {
    display: flex;
    padding: 12px;
    background: #fff;
    .img {
      width: 60px;
      height: 60px;
      margin-right: 8px;
      img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
      }
    }
    .msg {
      p:nth-of-type(1) {
        font-size: 16px;
        color: #333;
        margin-bottom: 12px;
      }
      p:nth-of-type(2) {
        font-size: 14px;
        color: #7f7f7f;
      }
    }
  }
  .suggest {
    padding: 12px;
    background: #fff;
    margin: 12px 0;
    .s-title {
      font-size: 16px;
      color: #333;
      margin-bottom: 12px;
    }
    .s-msg {
      font-size: 12px;
      line-height: 1.8;
      color: #7f7f7f;
    }
  }
  .promote {
    background: #fff;
    font-size: 14px;
    .p-row {
      display: flex;
      padding: 12px 12px 0;
      .p-text {
        flex: 1;
      }
      .p-more {
        font-size: 14px;
      }
    }
  }
}
</style>
